@import '../utils.less';
.topStationWrap {
  display: flex;
  justify-content: center;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-image: url('@/assets/img/effbg@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
  .px2vh(width, 332);
  .px2vh(height, 174);
}
.stationName,
.stationRuntime {
  display: block;
  max-width: 85px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}
.stationRuntime {
  margin-bottom: 5px;
}
.topStationName1 {
  flex-shrink: 0;
  order: 2;
  text-align: center;
  .px2vh(padding-top, 50);
  .stationRuntime {
    color: #ffd60c;
    .px2vh(font-size,24);
  }
  .stationName {
    color: #aecaef;
    .px2vh(font-size,14);
  }
}
.topStationName2 {
  order: 1;
  text-align: center;
  .px2vh(padding-top, 110);
  .stationRuntime {
    color: #c4d4f1;
    .px2vh(font-size, 18);
    .px2vh(max-width,60);
  }
  .stationName {
    max-width: 50px;
    color: #5381cc;
    .px2vh(font-size,12);
  }
}
.topStationName3 {
  order: 3;
  text-align: center;
  .px2vh(padding-top, 110);
  .stationRuntime {
    color: #c4d4f1;
    .px2vh(font-size, 18);
    .px2vh(max-width,60);
  }
  .stationName {
    max-width: 50px;
    color: #5381cc;
    .px2vh(font-size,12);
  }
}

.topStationName1 {
  .px2vh(width, 140);
  .px2vh(height, 174);
  margin-left: -1px;
  // background-image: url('@/assets/img/rtmiddle@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.topStationName2 {
  .px2vh(width, 96);
  .px2vh(height, 174);
  // background-image: url('@/assets/img/rtleft@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.topStationName3 {
  .px2vh(width, 96);
  .px2vh(height, 174);
  // background-image: url('@/assets/img/rtright@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.customTooltip {
  color: #c4d4f1;
  .px2vh(font-size, 12);
  .ant-tooltip-inner {
    color: #c4d4f1;
    background-color: transparent; /* 根据需要设置背景颜色 */
  }
  .ant-tooltip-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 15px 0;
    color: #c4d4f1;
    background-color: #fff;
    background-color: rgba(3, 25, 54, 0.7);
    border: 1px solid #4c8fce;
    border-radius: 3px;
  }
}
